<template>
  <div class="hello">
        <span @click="get_json">dianji</span>
        <P>{{dic_json}}</P>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
    data(){
      return{
          dic_json:{},
      }
    },
    methods:{
      get_json(){
          this.$axios.get('http://127.0.0.1:8000/drf/student/',{

          }).then(response=>{
              this.dic_json=response.data;
          }).catch(error=>{
              console.log(error.response)
          })
      }
    }


}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
